<!-- 商城 - 技术支持组件 -->
<template>
	<view class="vk-mall-technical-support" v-if="dataCom.show">
		<image :src="dataCom.logo" class="image" mode="aspectFill" :style="{ borderRadius }"></image>
		<text class="text">{{ dataCom.text }}</text>
	</view>
</template>

<script>
export default {
	name: "vk-mall-technical-support",
	props: {
		borderRadius:{
			Type:String,
			default:"50%"
		}
	},
	data: function() {
		// 组件创建时,进行数据初始化
		return {
			
		};
	},
	mounted() {
		this.init();
	},
	methods: {
		// 初始化
		init() {}
	},
	// 监听器
	watch:{
		
	},
	// 计算属性
	computed: {
		dataCom(){
			return uni.vk.getVuex('$user.mchInfo.technical_support') || {}
		}
	}
};
</script>

<style lang="scss" scoped>
	.vk-mall-technical-support{
		display: flex;
		justify-content: center;
		align-items: center;
		flex-flow: column;
		padding: 20rpx;
		.image{
			width: 120rpx;
			height: 120rpx;
			border-radius: 50%;
			overflow: hidden;
		}
		.text{
			color: #7a7e83;
			margin-top: 10rpx;
		}
	}
</style>
